section {
  background-color: #FAF7F8; }
  section .confirm-order {
    padding-bottom: 200px; }
    section .confirm-order .rate {
      padding: 40px 0; }
      section .confirm-order .rate .confirm, section .confirm-order .rate .pay {
        width: 600px;
        float: left;
        text-align: center;
        font-size: 20px;
        padding: 15px 0; }
      section .confirm-order .rate .confirm {
        color: #FFF;
        background-color: #2ECE9A; }
      section .confirm-order .rate .pay {
        position: relative;
        color: #2ECE9A;
        background-color: #FFF; }
        section .confirm-order .rate .pay .triangle {
          width: 0;
          height: 0;
          border: 30px solid transparent;
          border-left-color: #2ECE9A;
          position: absolute;
          top: 0; }
    section .confirm-order .title {
      color: #333333;
      font-size: 24px;
      text-align: center;
      padding-bottom: 35px; }
    section .confirm-order .pay-way {
      padding: 40px; }
    section .confirm-order .item {
      padding: 0 20px;
      background-color: #FFF; }
      section .confirm-order .item .info {
        padding: 20px 0;
        color: #999999; }
        section .confirm-order .item .info .time {
          display: inline-block; }
        section .confirm-order .item .info .num {
          margin-left: 120px;
          display: inline-block; }
      section .confirm-order .item .hr {
        height: 1px;
        background-color: #ccc; }
      section .confirm-order .item .content {
        padding: 30px 0; }
        section .confirm-order .item .content .left {
          float: left;
          width: 373px;
          height: 220px;
          background: url("../assets/images/cardSmall.png") no-repeat;
          background-size: cover;
          color: #2ECE9A;
          padding-top: 50px;
          text-decoration: none; }
          section .confirm-order .item .content .left > div {
            width: 150px;
            padding: 10px 0;
            border-radius: 18px;
            font-size: 22px;
            background-color: #FFF;
            margin: auto;
            text-align: center; }
          section .confirm-order .item .content .left > p {
            font-size: 24px;
            color: #FFF;
            text-align: center;
            margin-top: 20px; }
        section .confirm-order .item .content .right {
          float: right;
          padding: 45px 0; }
          section .confirm-order .item .content .right .name, section .confirm-order .item .content .right .price {
            float: left;
            margin-left: 50px;
            padding-top: 50px;
            width: 335px; }
            section .confirm-order .item .content .right .name p, section .confirm-order .item .content .right .price p {
              font-size: 18px;
              color: #999999; }
            section .confirm-order .item .content .right .name .price span, section .confirm-order .item .content .right .price .price span {
              color: #FF5050; }
            section .confirm-order .item .content .right .name .price del, section .confirm-order .item .content .right .price .price del {
              color: #FF5050;
              margin-left: 10px; }
            section .confirm-order .item .content .right .name a, section .confirm-order .item .content .right .price a {
              display: block;
              width: 131px;
              padding: 10px 0;
              border: 1px solid #2ECE9A;
              border-radius: 18px;
              font-size: 16px;
              color: #2ECE9A;
              text-align: center;
              text-decoration: none; }
          section .confirm-order .item .content .right .vr {
            float: left;
            width: 1px;
            height: 130px;
            background-color: #ccc; }
          section .confirm-order .item .content .right .price {
            text-align: center; }
            section .confirm-order .item .content .right .price p {
              color: #333333; }
            section .confirm-order .item .content .right .price a {
              margin: auto; }
    section .confirm-order .pay-select {
      background-color: #FFF; }
      section .confirm-order .pay-select .one, section .confirm-order .pay-select .two {
        padding: 20px;
        color: #999999;
        font-size: 18px; }
        section .confirm-order .pay-select .one .pay-name, section .confirm-order .pay-select .two .pay-name {
          margin-bottom: 30px; }
        section .confirm-order .pay-select .one .way, section .confirm-order .pay-select .two .way {
          padding: 0 60px; }
          section .confirm-order .pay-select .one .way .child, section .confirm-order .pay-select .two .way .child {
            float: left;
            width: 201px;
            height: 83px;
            border: 1px solid #FFF;
            margin-left: 30px;
            text-align: center;
            padding: 15px 0; }
            section .confirm-order .pay-select .one .way .child.active, section .confirm-order .pay-select .two .way .child.active {
              border: 1px solid #2ECE9A; }
        section .confirm-order .pay-select .one p, section .confirm-order .pay-select .two p {
          padding-left: 60px; }

.modal .modal-content {
  width: 300px; }
  .modal .modal-content .modal-body {
    text-align: center; }
    .modal .modal-content .modal-body .sao {
      margin-top: 30px; }
    .modal .modal-content .modal-body p {
      font-size: 18px;
      color: #4D4D4D; }
    .modal .modal-content .modal-body .price {
      color: #F73E3E;
      font-weight: bold; }
